@charset "utf-8";

/* reset */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, code, form, fieldset, legend, input, textarea, button, p, blockquote, th, td {margin: 0; padding: 0;}
html, body {background: none repeat scroll 0 0 #FFFFFF; height: 100%;  width: 100%;}
body {font-family: dotum, Arial,sans-serif;  font-size: 0.75em; color:#6a6a6c;}
li {list-style: none outside none;}
img, fieldset {border: 0 none;}
img {width:100%; vertical-align: middle;}
legend, hr {display: none;}
legend, caption {display: block;  font-size: 0;  height: 0;  left: 0;  line-height: 0;  overflow: hidden;  position: absolute;  top: 0;  visibility: hidden;  width: 0;}
input, select, textarea {color: #6a6a6c;  font-family: Arial,sans-serif;  font-size: 100%;}
button {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);  border: 0 none;}
em, address {font-style: normal;}
table {border-spacing: 0; border-collapse:collapse; width:100%;}
a, a:link, a:visited, a:hover {color: #007CC0;  text-decoration: none;}
p, a, h2, h3 {word-wrap: break-word;}
input[type=text],
input[type=password],
input[type=email],
input[type=date],
input[type=tel] {border-radius:0; -webkit-appearance:none; vertical-align:middle;}
select, textarea {-webkit-appearance:none; -webkit-border-radius:0px;}

/* common */
.swipe-hook {position:relative; width:100%; overflow:hidden;}
.swipe-item-wrap {position:relative; z-index:10;}
.swipe-item-wrap:after {content:''; clear:both; display:block; height:0;}
.swipe-item {width:100%; position:relative; float:left;}
.swipe-nav {position:absolute; left:0; right:0; width:100%; text-align:center; z-index:15;}
.swipe-nav a {display:inline-block; vertical-align:middle; margin:0 2px; width:11px; height:11px; background:url('../images/swipe_off.png') no-repeat 0 0; background-size:100%;}
.swipe-nav a.active {background-image:url('../images/swipe_on.png');}
.hidden {position:absolute; top:-999px; left:-999px; width:0; height:0; overflow:hidden; font-size:0; color:rgba(0,0,0,0); visibility:hidden;}

/* layout */
.gxm-wp {width:360px; margin:0 auto;}
.gxm-head {position:relative;}
.gxm-head h1 {border-bottom:2px solid #0e4297;}
.gxm-head .call-menu {position:absolute; top:0; left:0; width:71px; height:68px; font-size:0; color:rgba(0,0,0,0); background:url('../images/menu_toggle.gif') no-repeat center top; background-size:100% auto;}
.gxm-head .call-menu.active {background-position:center bottom;}
.gxm-head .gxm-menu {display:none; position:absolute; top:68px; left:0; width:100%; z-index:80; border-top:2px solid #1e1e1e;}
.gxm-head .gxm-menu li {border-bottom:1px solid #1e1e1e;}
.gxm-head .current {position:relative; margin-bottom:-6px; z-index:70;}

.gxm-foot-link {}
.gxm-foot-link li {border-top:1px solid #fff;}

.main-front .swipe-nav {bottom:12px;}

/* product */
.bx-wrapper {margin:0 auto;}
.gxt-prodcut-slider {position:relative; border-bottom:1px solid #d3d3d3;}
.gxt-slider-1 {height:110px;}
.gxt-slider-1 .item {float:left; padding:0; height:107px; width:89px; text-align:center; border-bottom:5px solid #fff; transition:opacity .3s;}
.gxt-slider-1 .item a {display:block; width:100%; margin:0 auto;}
.gxt-slider-1 .item {opacity:.5;}
.gxt-slider-1 .item.active {opacity:1; border-bottom:3px solid #d3d3d3;}
.gxt-slider-1 .img {display:table; width:100%;}
.gxt-slider-1 .img span {display:block;}
.gxt-prodcut-slider .bx-viewport {height:110px !important;}
.gxt-prodcut-slider .prev,
.gxt-prodcut-slider .next {position:absolute; top:45px; width:23px; height:23px;}
.gxt-prodcut-slider .prev a,
.gxt-prodcut-slider .next a {display:block; cursor:pointer; overflow:hidden; font-size:0; color:rgba(0,0,0,0); overflow:hidden; height:40px; background-position:0 0; background-repeat:no-repeat; background-size:100%;}
.gxt-prodcut-slider .prev {left:15px;}
.gxt-prodcut-slider .next {right:15px;}
.gxt-prodcut-slider .prev a {background-image:url('../images/slider_prev.png');}
.gxt-prodcut-slider .next a {background-image:url('../images/slider_next.png');}
.gxt-prodcut-slider .disabled {cursor:default; opacity:.2;}
.gxt-prodcut-slider .bx-controls {display:none;}
.gxt-prodcut-title {border-bottom:1px solid #d3d3d3;}
.gxt-prodcut-title h2 {position:relative; padding:0; height:25px;}
.gxt-prodcut-title h2 img {width:auto; height:100%; vertical-align:top;}
.gxt-prodcut-title .btn-detail {position:absolute; top:4px; right:14px; overflow:hidden; font-size:0; color:rgba(0,0,0,0); width:55px; height:17px; background:url('../images/btn_detail.gif') no-repeat 0 0; background-size:100%;}
.gxt-product-detail {position:relative;}
.gxt-prod-cont {position:relative;}
.gxt-prod-cont .detail-nav-btn {position:absolute; font-size:0; top:215px; left:35px; z-index:60;}
.gxt-prod-cont .detail-nav-btn a {display:block; margin-bottom:3px;}
.gxt-prod-cont .detail-nav-btn img {width:auto; height:28px;}

.product-detail-box {}
.product-detail-box .scrollTo {}
.product-detail-box .scrollTo img {width:auto; height:23px;}

/* event */
.banner_event p + p {border-top:1px solid #fff;}
.event-list {padding:15px 15px 0;}
.event-list table {width:100%; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.event-list table th {padding:6px 0; text-align:center; background-color:#f9f9f9; border-bottom:1px solid #d3d3d3;}
.event-list table th img {width:auto; height:8px;}
.event-list table td {padding:7px 3px; text-align:center; font-size:8px; border-top:1px dotted #b4b4b4; line-height:1;}
.event-list table tr:first-child td {border-top:none;}
.event-list table .end td, .event-list table .end td.subject a {color:#d3d3d3;}
.event-list table td.status {width:15%;}
.event-list table td.subject {text-align:left;}
.event-list table td.subject a {display:block; height:8px; font-size:8px; color:#6a6a6c; overflow:hidden;}
.event-list table td.date {width:30%; font-size:8px;}

.event-page {text-align:center; margin:8px 0 10px;}
.event-page a {display:inline-block; width:14px; height:14px; color:#6a6a6c;}
.event-page a.active {color:#60c5f1;}
.event-page a.prev, .event-page a.next {width:16px; font-size:8px; line-height:14px; border:1px solid #d3d3d3; color:#6b6b6d; text-decoration:none; vertical-align:middle;}
.event-page a.prev {padding:0 6px 0 17px; margin-right:15px; background:url('../images/bg_btn_prev.png') no-repeat 15% 50%; background-size:4px 7px;}
.event-page a.next {padding:0 17px 0 6px; margin-left:15px; background:url('../images/bg_btn_next.png') no-repeat 85% 50%;  background-size:4px 7px;}

.event-view {}
.event-view:after {content:''; clear:both; display:block; height:0; overflow:hidden;}
.event-view .tit {position:relative; text-align:right; padding:10px 60px 11px 10px; border-bottom:1px solid #d3d3d3;}
.event-view .tit .title {display:block; text-align:right; font-size:8px; line-height:15px;}
.event-view .tit .nav {position:absolute; top:-3px; right:10px;}
.event-view .tit .btn_back {display:inline-block; width:18px; height:18px; background:url('../images/btn_back.png') no-repeat 0 0; background-size:18px 18px; text-indent:-999px; font-size:0;}
.event-view .tit .btn_forword {display:inline-block; width:18px; height:18px; bacground:url('../images/btn_forword.png') no-repeat 0 0; background-size:18px 18px; text-indent:-999px; font-size:0;}
.event-view .event-cont {position:relative; margin:0 15px;}

/* eventOX */
.wrap_oxquiz {position:relative; width:330px; height:170px;}
.wrap_oxquiz .oxquiz {position:relative; width:330px; height:170px;}
.wrap_oxquiz .oxquiz .quiz {text-align:center; padding-top:33px;}
.wrap_oxquiz .oxquiz.step0 .quiz {padding-top:47px;}
.wrap_oxquiz .oxquiz.step0 .quiz img {width:143px; height:auto;}
.wrap_oxquiz .oxquiz.step1 .quiz img {width:231px; height:auto;}
.wrap_oxquiz .oxquiz.step2 .quiz img {width:220px; height:auto;}
.wrap_oxquiz .oxquiz.step3 .quiz img {width:256px; height:auto;}
.wrap_oxquiz .oxquiz.step4 .quiz img {width:270px; height:auto;}
.wrap_oxquiz .oxquiz.step5 .quiz img {width:190px; height:auto;}
.wrap_oxquiz .oxquiz .btn_start {padding-top:18px; text-align:center;}
.wrap_oxquiz .oxquiz .btn_start img {width:91px; height:25px;}
.wrap_oxquiz .oxquiz .btn_ox {padding-top:14px; text-align:center; background:url('../images/event/bg_bar.png') no-repeat 50% 15px; background-size:2px 45px;}
.wrap_oxquiz .oxquiz .btn_ox a {display:inline-block; width:49px; height:49px; overflow:hidden; text-indent:-99999px;}
.wrap_oxquiz .oxquiz .btn_ox a.btn_o {margin-right:41px; background:url('../images/event/bg_btn_o.png') no-repeat 0 0; background-size:49px 98px;}
.wrap_oxquiz .oxquiz .btn_ox a.btn_x {background:url('../images/event/bg_btn_x.png') no-repeat 0 0; background-size:49px 98px;}
.wrap_oxquiz .oxquiz .btn_ox a.active {background-position:0 -49px;}
.wrap_oxquiz .oxquiz .hint {position:absolute; right:22px; bottom:18px;}
.wrap_oxquiz .oxquiz .hint img {width:61px; height:auto;}
.wrap_oxquiz .oxquiz .pop_hint {position:absolute; bottom:8px; left:13px; z-index:100;}
.wrap_oxquiz .oxquiz .pop_hint img {width:305px; height:auto;}
.wrap_oxquiz .oxquiz .pop_hint .btn_close {display:block; position:absolute; bottom:7px; right:7px; z-index:120;}
.wrap_oxquiz .oxquiz .pop_hint .btn_close img {width:56px; height:auto;}
.wrap_oxquiz .step0 {background:url('../images/event/bg_step0.jpg') no-repeat 0 0; background-size:330px 170px;}
.wrap_oxquiz .step1 {background:url('../images/event/bg_step1.jpg') no-repeat 0 0; background-size:330px 170px;}
.wrap_oxquiz .step2 {background:url('../images/event/bg_step2.jpg') no-repeat 0 0; background-size:330px 170px;}
.wrap_oxquiz .step3 {background:url('../images/event/bg_step3.jpg') no-repeat 0 0; background-size:330px 170px;}
.wrap_oxquiz .step4 {background:url('../images/event/bg_step4.jpg') no-repeat 0 0; background-size:330px 170px;}
.wrap_oxquiz .step5 {background:url('../images/event/bg_step5.jpg') no-repeat 0 0; background-size:330px 170px;}

.pop_result {position:absolute; top:29px; left:94px; width:145px; height:99px; background-color:#f3f3f3; border:1px solid #c0c0c0; text-align:center;}
.pop_result .txt {margin:21px 0 17px;}
.pop_result .txt img {width:120px; height:auto;}
.pop_result a img {width:91px; height:auto;}

.pop_end {position:absolute; left:81px; top:205px; width:153px; padding:35px 0; background-color:#f3f3f3; border:4px solid #0e4297; text-align:center; z-index:20;}
.pop_end .close_reg {position:absolute; top:0; right:0;}

.modal-fff {position:absolute; left:0; right:0; top:0; bottom:inherit; min-height:0; height:0; z-index:-1; overflow:hidden; background-color:#fff;}
.modal .modal-fff {bottom:0; min-height:100%; z-index:9;}

.pop-ox.regist {position:absolute; top:80px; left:50%; margin-left:-138px; width:277px; min-height:250px; background-color:#f3f3f3; border:4px solid #0e4297; z-index:20;}
.pop-ox.regist img {width:auto;}
.pop-ox .fields {margin:12px auto 5px; text-align:center;}
.pop-ox .fields p {margin-bottom:8px;}
.pop-ox .fields .name .ox-input {width:170px; background:url('../images/event/input_1.gif') no-repeat 0 0; background-size:auto 100%;}
.pop-ox .fields .tel .ox-input {width:48px; background:url('../images/event/input_2.gif') no-repeat 0 0; background-size:auto 100%;}
.pop-ox .ox-input {display:inline-block; padding:2px 5px; height:13px; font-size:10px;}
	.pop-ox .ox-input, {zoom:1;}
.pop-ox .ox-input input {width:100%; font-size:8px; text-align:left; height:13px; border:0;}
.pop-ox .agree-box {background-color:#e5e5e5; padding:12px 11px 0;}
.pop-ox .agree-scroll {width:247px; height:34px; padding:3px 4px; background-color:#fff; overflow-y:scroll; overflow-x:hidden;}
.pop-ox .agree_check {position:relative; padding-bottom:12px;}
.pop-ox .agree_check .cehck {position:absolute; top:1px; right:0; color:#8b8a8a; font-size:7px;}
.pop-ox .agree_check .cehck input {vertical-align:middle; margin-left:5px; border:1px solid #b6b6b6; margin-right:1px; width:10px; height:10px;}
.pop-ox .btn {text-align:center; padding-bottom:10px;}
.pop-ox .close_reg {position:absolute; top:0; right:0;}